import React from "react";
import { useLocation, useNavigate } from "react-router-dom";
import "../../../styles/HuangYuDong/HuiYi/HuiYiXiangQing.scss"
interface Props {}
function HuiYiXiangQing(props: Props) {
  const { state: record } = useLocation();
  let navigate = useNavigate()
  let fanhui =()=>{
    navigate(-1)
  }
  return (
    <div className="xiangqing">
      <div className="center">
      <h2>会议详情 <button className="fanhui" onClick={()=>{fanhui()}}>返回</button> </h2>
      <ul>
        <li>
          会议状态 <span>{record.zhuangtai}</span>
        </li>
        <li>
          会议标题 <span>{record.name}</span>
        </li>
        <li>
          会议时间 <span>{record.time}</span>
        </li>
        <li>
          会议时长 <span>60分钟</span>
        </li>
        <li>
          会议室 <span>{record.mingcheng}</span>
        </li>
        <li>
          会议提醒 <span>{record.huiyitixing}</span>
        </li>
      </ul>
      </div>
    </div>
  );
}

export default HuiYiXiangQing;
